.footer {
  width: calc(100% - 1rem);
  padding-bottom: 2.5rem;
  border-top: 0.0625rem solid #343434;
  margin-top: 4.375rem;

  .footTop {
    @apply flex justify-center;
    margin-top: 1.875rem;

    .img {
      @apply w-10 h-10 cursor-pointer inline-block;
      margin-right: 1.375rem;

      & img {
        @apply w-full h-full;
      }
    }

    .btn {
      @apply mr-5;
      width: 8.75rem;
      height: 2.75rem;
      background-color: #343434;

      &.btnOne {
        margin-left: 2.875rem;
      }

      & > img.btnImg {
        @apply w-6 h-6;
      }

      & > span {
        @apply text-base text-white;
      }
    }
  }

  .footBottom {
    margin-top: 1.875rem;

    & p {
      @apply text-sm opacity-60 text-white text-center;
    }

    & p:nth-child(2) {
      @apply my-3;
    }

    & p:last-child {
      @apply text-xs justify-center;
    }
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .footerPhone {
    @apply w-full pt-10;
    margin-top: 1.5rem !important;

    .img {
      @apply object-contain;
      margin: 0 auto;
      width: 9.8125rem;
      height: 1.125rem;
      aspect-ratio: 83/9;
    }

    .tip {
      @apply text-white-60 text-sm text-center mb-8 mt-5;
      line-height: 0.875rem;
      font-family: PingFang SC;
    }

    .bottom {
      @apply flex items-center justify-center;

      .btn {
        @apply rounded text-white;
        width: 8.75rem;
        height: 2.5rem;
        background: rgba(255, 255, 255, 0.1);

        &:first-child {
          @apply mr-5;
        }
      }
    }
  }
}
